import { defineStore } from "pinia";
import axios from 'axios'
import { ref } from "vue";
/*
  频道列表数据获取与渲染
  1:下载axios
  2:定义一个方法(actions)调用接口获取数据
  3:将列表数据存储（响应式）
  4:在页面中导入pinia数据并渲染
*/ 





export const useChannelStore=defineStore('channel',()=>{
    // setup函数
    const list=ref([])
    const channelId=ref(-1)
    const getChannelList=async ()=>{
        const res=await axios.get('http://geek.itheima.net/v1_0/channels')
        list.value=res.data.data.channels
        channelId.value=res.data.data.channels[0].id
        console.log('列表',res);
    }
    const setId=(val)=>{
        channelId.value=val
    }
    return {getChannelList,list,channelId,setId}
})